<!DOCTYPE html>
<html lang="zh" xmlns:th="http://www.thymeleaf.org">
<head>
    <title>相似需求模态框</title>
</head>
<body>

<!-- 相似需求模态框片段 -->
<div th:fragment="similarIssuesModal" class="modal fade" id="similarIssuesModal" tabindex="-1" role="dialog" aria-labelledby="similarIssuesModalLabel">
    <div class="modal-dialog modal-lg" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
                <h4 class="modal-title" id="similarIssuesModalLabel">
                    <i class="fa fa-search"></i> 相似需求
                </h4>
            </div>
            <div class="modal-body">
                <!-- 搜索框 -->
                <div class="row" style="margin-bottom: 15px;">
                    <div class="col-md-8">
                        <div class="input-group">
                            <input type="text" class="form-control" id="keywordsInput" placeholder="输入关键词搜索相似需求...">
                            <span class="input-group-btn">
                                <button class="btn btn-primary" type="button" onclick="searchSimilarIssues()">
                                    <i class="fa fa-search"></i> 搜索
                                </button>
                            </span>
                        </div>
                    </div>
                    <div class="col-md-4 text-right">
                        <button class="btn btn-warning" onclick="calculateSimilarities()">
                            <i class="fa fa-refresh"></i> 重新计算相似度
                        </button>
                    </div>
                </div>
                
                <!-- 相似度解释 -->
                <div class="alert alert-info">
                    <i class="fa fa-info-circle"></i> 系统会根据需求标题、描述、类别等因素自动推荐相似的历史需求，帮助您参考历史处理经验。
                </div>
                
                <!-- 相似需求列表 -->
                <div id="similarIssuesList">
                    <div class="text-center">
                        <i class="fa fa-spinner fa-spin fa-3x"></i>
                        <p>正在加载相似需求...</p>
                    </div>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
            </div>
        </div>
    </div>
</div>

</body>
</html>